.huya-header{position:relative;height:40px;padding-top:13px;border-bottom:1px solid #ededed;background:#fff;z-index:1}.huya-header .logo{float:left;margin-left:2%;background-image:url(/h5/mobile/@public-online/imgs/header/logo.acc780e7a19f22c1d8e89805488fcfef.png);width:100px;height:30px;background-size:100% 100%;vertical-align:middle}.huya-header .header-search{float:right;width:42px;height:28px;margin-right:3%;border-radius:14px;background:#f4f4f4 url(/h5/mobile/@public-online/imgs/header/search_icon.90973681dd869f45dd50025bfac1cfde.png) center center no-repeat;background-size:16px 16px}.header-app-btn{position:fixed;bottom:20%;right:0;z-index:3;width:109px;height:52px;line-height:28px;text-align:center;color:#fff;background:url(/h5/mobile/@public-online/imgs/header/icon-open.28f52d9f4f13bb5009913b8ca559bb49.png) no-repeat;background-size:100% 100%}.header-app-btn span{position:absolute;font-size:13px;bottom:5px;right:6px}
.err-page{text-align:center;padding-top:40%;font-size:14px;color:#c9c9c9}.err-page span{display:inline-block;width:62px;height:57px;background:url(/h5/mobile/@public-online/imgs/error/nofound-ico.d03f1b610d08e865caf60bd309b038e4.png) no-repeat;background-size:100% 100%;margin-bottom:12px}.err-page .err-page-txt{color:#bbb;font-size:16px;margin-bottom:8px}.err-page .back-btn{display:inline-block;width:72px;height:28px;line-height:28px;color:#ef8b00;text-align:center;font-size:13px;border:1px solid #ef8b00;border-radius:3px;margin-top:10px}.err-page .back-btn:active{color:#c60;border-color:#c60}
.freeze-wrapper{text-align:center}.freeze-wrapper .freeze-pic{margin:150px auto 0;width:90px;height:90px;background:url(/h5/mobile/@public-online/imgs/error/huya_fz.0633cf234046172c72325bef54392368.png) no-repeat;background-size:100%}.freeze-wrapper .freeze-text{margin-top:18px;font-size:13px;line-height:18px;color:#777}
.normal .video0{position:relative;background:#000}.normal .video0.video0-off{background:url(/h5/mobile/@public-online/imgs/room/anchor_video.8bc40a66292057cb786def98f29d59bf.jpg) repeat-y;background-size:100%}.normal .video0 .video-loading{position:absolute;width:24%;padding-bottom:24%;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;top:50%;left:50%;overflow:hidden;display:none;transform:translate(-50%, -50%);z-index:100}.normal .video0 .video-loading img{width:100%;animation:rotateLoading 1s infinite linear;position:absolute;top:0;left:0}.normal .video0 .video-con{padding-top:56.25%;position:relative}.normal .video0 .video-con video{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes rotateLoading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}.normal .no-live{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;font-size:13px;text-align:center}.normal .no-live .no-live-tip{padding-top:7%;line-height:18px;margin-bottom:2px}.normal .no-live .no-live-sub-tip{font-size:11px;line-height:16px;color:#999}.normal .no-live .no-live-int{display:block;margin:9px auto 0;width:243px;padding:9px;color:#fff;background:#656870;border-radius:2px;*zoom:1}.normal .no-live .no-live-int:before,.normal .no-live .no-live-int:after{content:"";display:table;line-height:0}.normal .no-live .no-live-int:after{clear:both}.normal .no-live .no-live-int img{float:left;width:109px;height:62px;border-radius:4px;overflow:hidden;margin-right:5px}.normal .no-live .no-live-int .v-info{float:left;width:120px;text-align:left}.normal .no-live .no-live-int .v-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.normal .no-live .no-live-int .v-info p.nickname{font-size:14px;line-height:20px}.normal .no-live .no-live-int .v-info p.gamename{margin:4px 0;font-size:12px;line-height:17px;color:#ccc}.normal .no-live .no-live-int .v-info p.gamenumbers{font-size:11px;line-height:16px}.normal .no-live .no-live-int .v-info p.gamenumbers .gamenumbers-icon{display:inline-block;width:10px;height:11px;margin-right:3px;background:url(/h5/mobile/@public-online/imgs/room/number_icon.26456b172355f8e50bfc8c8a854fc255.png);background-size:100%;vertical-align:middle}.normal .no-live .subcribe_tip{margin-top:16px;font-size:11px;line-height:16px;color:#999}.normal .no-live .subcribe_tip .subcribe_btn{color:#6ca6ff}.normal .video_ui #playbtn,.normal .pause_wrap .new_play_btn{position:relative;display:block;width:50px;height:50px;background-image:url(/h5/mobile/@public-online/imgs/room/new_live_play_icon.459c26f0066b78eeeea0f652cc5f3758.png);background-size:100% 100%;z-index:2}.normal .blue_wrap,.normal .pause_wrap{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.normal .blue_wrap .dtip,.normal .pause_wrap .dtip{margin:25px auto 0;width:60%;text-align:center;color:#c5c5c5}.normal .blue_wrap .dtip .mark,.normal .pause_wrap .dtip .mark{color:#ffa200}.normal .pause_wrap{display:none;font-size:12px}.normal .pause_wrap .new_play_btn{margin:80px auto 0}.normal .blue_wrap{display:none}.normal .blue_wrap .btn_wrap{margin:80px auto 0;width:54%;line-height:30px;text-align:center;font-size:14px}.normal .blue_wrap .btn_wrap .definition_btn{display:inline-block;margin-right:30px;width:68px;height:30px;border-radius:30px;border:1px solid;text-align:center;color:#ffa200}.normal .blue_wrap .btn_wrap .blue_btn{position:relative;color:#fff}.normal .blue_wrap .btn_wrap .blue_btn .app_flag{position:absolute;top:-16px;right:-30px;width:42px;height:15px;background-image:url(/h5/mobile/@public-online/imgs/room/app_flag.8a5aba7f9a02eba6ce1494e722437299.png);background-size:100% 100%}.normal .blue_wrap .dtip{font-size:12px}.normal .danmu-wrap{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;z-index:1}.normal .danmu-wrap .danmu-item{display:block;position:absolute;color:#fff;font-size:25px;pointer-events:auto;padding:2px 2px;overflow:hidden}.normal .danmu-wrap .danmu-item img{width:26px;height:26px;margin-right:5px;vertical-align:middle}.normal .danmu-wrap .danmu-item span{white-space:nowrap;margin-right:5px;font-family:SimHei,Arial,Helvetica,sans-serif;font-weight:bold;text-shadow:#222 1px 0 1px,#222 0 1px 1px,#222 0 -1px 1px,#222 -1px 0 1px}.normal .danmu-wrap .danmu-item span img{width:26px;height:22px;margin-right:0px !important;vertical-align:text-bottom}.normal .video_ui{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;z-index:2}.normal .video_ui #playbtn{left:50%;top:50%;transform:translate(-50%, -50%)}.normal .video_ui .video_hd{position:absolute;left:0;top:0;width:100%;height:86px;background-image:linear-gradient(0deg, rgba(0, 0, 0, 0) 27%, #040404 100%);overflow:hidden;transition:all .4s}.normal .video_ui .video_hd .video_hd_wrap{margin:12px 0 0 10px;color:#fff}.normal .video_ui .video_hd .video_hd_wrap .video_hd_title{display:inline-block;max-width:210px;font-size:14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.normal .video_ui .video_hd .video_hd_wrap .video_hd_viewer{display:inline-block;margin-left:10px;font-size:11px}.normal .video_ui .video_hd .video_hd_wrap .video_hd_viewer .icon{display:inline-block;margin-right:2px;width:9px;height:10px;background-image:url(/h5/mobile/@public-online/imgs/room/icon_video_hd_viewer.26456b172355f8e50bfc8c8a854fc255.png);background-size:100% 100%;vertical-align:middle}.normal .video_ui .bottom_banner{display:block;position:absolute;bottom:0px;left:0;width:100%;height:90px;background-image:linear-gradient(-180deg, rgba(0, 0, 0, 0) 27%, #040404 100%);transition:all .4s}.normal .video_ui .bottom_banner .bottom_wrap{position:absolute;bottom:10px;left:10px;padding:1% 4% 0 0;width:96%}.normal .video_ui .bottom_banner .bottom_wrap .play_pause_btn{float:left;padding:0px 10px 0 2%;width:30px;height:25px}.normal .video_ui .bottom_banner .bottom_wrap .play_pause_btn .icon{margin-top:6px;width:14px;height:18px;background-image:url(/h5/mobile/@public-online/imgs/room/icon_pause.932425bc11fa78cc0e0262d449803511.png);background-size:100% 100%;display:inline-block}.normal .video_ui .bottom_banner .bottom_wrap .play_blue_btn{float:right;padding:0 12px;height:22px;margin-right:20px;line-height:22px;font-size:12px;color:#f7f7f7;text-align:center;border-radius:22px;border:1.5px solid #fff}.normal .video_ui .bottom_banner .bottom_wrap .play_danmu{margin-right:20px;width:22px;height:21px;background-size:100% 100%;float:right;margin-top:3px}.normal .video_ui .bottom_banner .bottom_wrap .play_danmu.enable{background-image:url(/h5/mobile/@public-online/imgs/room/danmu_open.7ef3c25299fe24820926c8804c46c5de.png)}.normal .video_ui .bottom_banner .bottom_wrap .play_danmu.disable{background-image:url(/h5/mobile/@public-online/imgs/room/danmu_close.0ad7c2d1b10fabf189f36ab6bfc68633.png)}.normal .video_ui .bottom_banner .bottom_wrap .play_banner_full{margin-right:3.5%;width:24px;height:24px;background-image:url(/h5/mobile/@public-online/imgs/room/icon_fullscreen.eda445b3a62971a13c7f86018a103158.png);background-size:100% 100%;float:right;margin-top:1px}.normal .video_ui #videoBar{display:none;width:100%;height:100%}.normal .video_ui #videoBar.hide .video_hd{transform:translate(0, -100%)}.normal .video_ui #videoBar.hide .bottom_banner{transform:translate(0, 100%)}.normal .anchor_video_mask{overflow:hidden;background-color:rgba(0,0,0,.6)}.normal .anchor_video{position:absolute;width:100%;height:100%;left:0;top:0;color:#fff}.normal .anchor_video .anchor_video_title_tips{font-size:15px;margin-top:15%;margin-bottom:4%;text-align:center}.normal .anchor_video .anchor_video_title{font-size:13px;margin-top:15%}.normal .anchor_video .anchor_video_title,.normal .anchor_video .anchor_video_desc{text-align:center}.normal .anchor_video .anchor_video_desc{color:#999;margin:4px 0 8px;font-size:11px}.normal .anchor_video .anchor_video_desc span{display:inline-block;vertical-align:middle}.normal .anchor_video .anchor_video_time{display:inline-block;margin-right:3px;width:12px;height:12px;background-image:url(/h5/mobile/@public-online/imgs/room/replay_time.6401e0eed527fd75ceb36bcfa3bdeb7d.png);background-size:100% 100%;vertical-align:middle}.normal .anchor_video .anchor_video_play_btn{display:block;width:30%;height:26px;line-height:26px;border:1px solid;border-radius:13px;text-align:center;margin:0 auto;color:#ffa200;font-size:12px}.normal .anchor_video .subcribe_tip{margin-top:18px;text-align:center;font-size:11px;color:#6ca6ff}.start-btn{display:block;height:34px;line-height:34px;color:#ffa200;background:#000;text-align:center;font-size:14px}.start-btn .arrow{display:inline-block;width:12px;height:12px;background:url(/h5/mobile/@public-online/imgs/room/live_arrow.14172fa4197a0b80bb13f83155097648.png);background-size:100%}.freeze-wrap{position:absolute;width:240px;height:150px;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center}.freeze-wrap .freeze-pic{margin:20px auto 0;width:90px;height:90px;background:url(/h5/mobile/@public-online/imgs/error/huya_fz.0633cf234046172c72325bef54392368.png) no-repeat;background-size:100%}.freeze-wrap .freeze-text{margin-top:10px;font-size:13px;line-height:18px;color:#fff}
body{text-size-adjust:none}.face{background:url(/h5/mobile/@public-online/imgs/room/face_bg.15f5504f638dda79ffa23db0413e494d.jpg) no-repeat 0 0/cover;height:100vh}.face .wrapper{height:100%;min-height:auto;color:#fff;background-position:center top;background-size:cover}.face .video{position:relative;width:100%;height:100%}.face .video .video-con{position:relative;width:100%;height:100%;overflow:hidden}.face .video .video-con video{display:none;position:absolute;top:0;bottom:0;left:0;right:0;width:102%;height:auto}.face .video .video_ui{display:none;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;z-index:2}.face .video .video_ui.show{display:block}.face .video .video_ui .new_play_btn{position:absolute;left:50%;top:50%;width:81.5px;height:81.5px;margin:-40.75px 0 0 -40.75px;background-image:url(/h5/mobile/@public-online/imgs/room/btn_play.d1f4ab2431340c26bb6b9272ccfc161c.png);background-size:100% 100%}.face .chat_area{position:absolute;left:10px;bottom:60px;width:256px;height:170px;overflow:auto}.face .chat_area::-webkit-scrollbar{display:none}.face .chat_area ul{list-style:none;padding-bottom:9.5%}.face .chat_area li{margin-bottom:7px;font-size:14px;line-height:16px;text-shadow:0 1px 0px #000}.face .chat_area li .nick{margin-right:4px;display:inline-block;max-width:100px;color:#fae373;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.face .chat_area li .count,.face .chat_area li .send{color:#f2a7a8}.face .chat_area li .comb{margin-left:10px}.face .chat_area li.normal img{width:27px;height:24px;vertical-align:middle}.face .chat_area li.prop img{display:inline-block;vertical-align:middle;width:32px;height:32px;margin-top:-7px}.face .chat_area li.notice{color:#5acfff}.face .chat_area li.notice .nick{color:#5acfff}.face .video_status{position:absolute;top:18px;right:4%;width:75px;height:26px;border-radius:13px;text-align:center;line-height:26px;font-size:12px;background:rgba(0,0,0,.45)}.face .video_status.video_status_replay{width:50px}.face .video_status.video_status_living{width:60px}.face .video_status.video_status_living:before{content:"";display:inline-block;width:8px;height:8px;margin-right:2px;border-radius:50%;background:red}.face .replay_video_ui{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,.4);font-size:18px;z-index:2}.face .replay_video_ui .replay_title{margin-top:60%}.face .replay_video_ui .replay_desc{margin:8px 0}.face .replay_video_ui .replay_play_btn{margin:12px auto 0;width:43%;height:35px;line-height:35px;background:#ffa200;border-radius:5px;text-align:center;color:#fff}.face .top_banner{position:absolute;top:10px;left:5%;border-radius:19px;height:38px;padding-right:5px;font-size:12px;z-index:3;background:rgba(0,0,0,.45)}.face .top_banner .avatar{float:left;width:38px;height:38px;border-radius:50%}.face .top_banner .text{float:left;padding-left:2px;max-width:78px;padding:5px;line-height:14px;font-size:13px}.face .top_banner .text .nick{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.face .top_banner .text .count{font-size:10px;opacity:.75}.face .top_banner .text .viewer_icon{display:inline-block;width:11px;height:11px;margin-right:2px;background-image:url(/h5/mobile/@public-online/imgs/room/viewer_icon.4171066cf8bcc7c9718e79ca79992f42.png);background-size:cover;opacity:.85;position:relative;top:1px}.face .top_banner .text.text_status_replay .nick{margin-top:8px}.face .top_banner .subscribe_btn{float:left;margin-top:7px;width:42px;height:24px;font-size:12px;border-radius:14px;background:#f2960c;text-align:center;line-height:23px}.face .chat_banner{position:absolute;height:40px;width:100%;bottom:10px;left:0;line-height:44px;font-size:0;z-index:3}.face .chat_banner .chat_ico,.face .chat_banner .chat_gift{display:inline-block;margin-left:10px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.45)}.face .chat_banner .chat_ico:after{content:"";display:block;margin:9px 0 0 10px;width:20.5px;height:20.5px;background-image:url(/h5/mobile/@public-online/imgs/room/message_icon.c5ad0624eedc70adfe7c05c51599a84d.png);background-size:100% 100%}.face .chat_banner .chat_gift:after{content:"";display:block;margin:10px 0 0 10px;width:19.5px;height:18.5px;background-image:url(/h5/mobile/@public-online/imgs/room/gift_icon.392fac6605bc20fcf37083f2fbb818d3.png);background-size:100% 100%}.face .chat_banner .chat_btn{position:absolute;top:3px;right:4%;padding:0 12px;height:34px;line-height:32px;border-radius:17px;font-size:14px;background:rgba(0,0,0,.45)}.face .chat_banner .chat_btn .huya_icon{display:inline-block;margin-right:5px;width:24px;height:24px;background-image:url(/h5/mobile/@public-online/imgs/room/logo_new.ca4125dba3d549fe12bc8cd4c14b273c.png);background-size:100% 100%;vertical-align:middle}.face .chat_banner .icon_arrow{display:inline-block;margin-left:2.5px;width:7.5px;height:13px;background-image:url(/h5/mobile/@public-online/imgs/room/arrow_right.53fc091ef18210b3d8bea9a6086e4d62.png);background-size:100% 100%;vertical-align:middle;position:relative;top:-1px}
.g-link{width:47%;margin-left:2%;padding-bottom:10px}.g-link .g-item{position:relative;overflow:hidden}.g-link .g-item .g-pic{position:relative}.g-link .g-item .g-pic .game-name{font-size:12px;position:absolute;z-index:1;top:3px;right:3px;padding:2px 6px;vertical-align:middle;color:#eee;background:rgba(44,49,54,.7)}.g-link .g-item .g-pic .pic{position:relative;width:100%;height:0;padding-top:56.25%;border-radius:5px;overflow:hidden}.g-link .g-item .g-pic .pic .pic-con-default{position:absolute;top:0;bottom:0;left:0;width:100%}.g-link .g-item .g-pic .pic .pic-con{position:absolute;top:0;bottom:0;left:0;width:100%}.g-link .g-item .title{padding:.3rem 3px 0 3px;font-size:13px;color:#000;font-weight:500;line-height:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.g-link .g-item .info{color:#999;padding:3px;height:13px;line-height:13px;font-size:11px}.g-link .g-item .info .nick{float:left;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.g-link .g-item .info .viewer-wrap{float:right}.g-link .g-item .info .viewer-wrap .viewer-icon{float:left;margin-top:-1px;width:11px;display:block;height:11px;background:url("//a.msstatic.com/huya/mobile/img/crowd_2017_97bb042.png") no-repeat 0 0/contain;background-size:100%}.g-link .g-item .info .viewer-wrap .viewer-icon.video{background-image:url("//a.msstatic.com/huya/mobile/img/relate_anchnel_2be1e65.png")}.g-link .g-item .info .viewer-wrap .viewer-count{float:left;padding-left:3px}.g-link .g-item .room{padding-left:3px;color:#666;font-size:11px;line-height:22px}
.more_live{padding-bottom:5%}.more_live.noneLive .more_nav li:nth-child(2){margin:0 0 0 30%}.more_live .list-area .g-list-main{display:none;flex-wrap:wrap}.more_live .list-area .g-list-main.show{display:flex}.more_live .show_more{display:block;margin:0 auto;width:80%;height:40px;line-height:40px;font-size:14px;border-radius:20px;text-align:center;color:#ffa200;background:#f7f7f7}.more_live .more_content{padding-top:2%}.more_live .more_nav{height:50px;text-align:center}.more_live .more_nav li{line-height:50px;position:relative;display:inline-block;height:50px;text-align:center;color:#000}.more_live .more_nav li:nth-child(2){margin:0 12%}.more_live .more_nav li.on{color:#ff9000}.more_live .more_nav li.on:after{position:absolute;bottom:0;left:-10%;width:120%;height:4px;content:"";background-color:#ff9000}
.share-btn{display:inline-block;padding-left:5%}.share-btn p{margin-top:5px;font-size:12px;margin-left:-3px}@media screen and (min-width: 410px){.share-btn{padding-left:8%}}.live_info_share_bg{display:block;margin-top:10px;width:20px;height:21px;background:url(/h5/mobile/@public-online/imgs/room/info_share_icon.7f52903b922045d0acae0f9f1e3859a6.png) center no-repeat;background-size:100%}.share{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:2}.share_mask{width:100%;height:100%;opacity:.6;background-color:#000}.share_bg{width:100%;position:absolute;bottom:0px;background-color:#fff;text-align:center;margin:0 auto}.share_ul{width:100%;padding-top:10px;list-style:none;height:auto;overflow:hidden;text-align:center}.share_li{width:17%;display:inline-block;text-align:center;margin:2% 3%}.share_li .share_li_wrap{display:block}.share_li_icon0{display:block;padding-bottom:100%;background-size:100%;margin-bottom:13px;width:100%}.share_li_wb{background-image:url(/h5/mobile/@public-online/imgs/share/wb.dab6f2e0a891f4d15379a2a0155be1c4.png)}.share_li_wx{background-image:url(/h5/mobile/@public-online/imgs/share/wx.11b6729230b496ba92245165e720de95.png)}.share_li_qqSpace{background-image:url(/h5/mobile/@public-online/imgs/share/qqSpace.aa6d4c160c580b5788139ef01f0e5208.png)}.share_li_qq{background-image:url(/h5/mobile/@public-online/imgs/share/qq.2adcf7dc8a0752bf6b0c36f5bd772af0.png)}.share_li_p{width:100%;font-size:13px;color:#666;margin-left:auto;margin-right:auto}.share_split{width:100%;height:2px;background-color:#ddd}.share_cancel{height:45px;line-height:45px;font-size:15px;color:#666;font-weight:500}.wx_share{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:2}.wx_share_des{width:100%;position:absolute;top:0px}.wx_share_img{width:100%}
.live_tab{height:40px}.live_tab ul{width:75%;float:left;height:100%;display:flex}.live_tab ul li{float:left;text-align:center;color:#222;height:39px;line-height:39px;font-size:14px;border-bottom:1px solid rgba(217,217,217,.5);position:relative;flex:1}.live_tab ul li.on{color:#ffa200}.live_tab ul li.on:after{content:"";bottom:-1px;left:0;height:2px;width:100%;background:#ffa200;position:absolute}.live_tab .subcribe_btn{width:25%;float:left;height:100%;background:#ffa200;color:#fff;line-height:40px;text-align:center}.live_tab .subcribe_btn i{display:inline-block;background-size:100% 100%;width:15px;height:13px;background-image:url(/h5/mobile/@public-online/imgs/room/new_live_subs_ico.cebe471ac17b59bc79defce96541f822.png);vertical-align:middle;margin-right:3px}.live-tab-content{position:relative}.live-tab-content .chat_area{overflow:auto;position:relative;z-index:2}.live-tab-content .chat_area::-webkit-scrollbar{display:none}.live-tab-content .chat_area .tanmuScroll{position:absolute;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;width:100%;transform:translateZ(0);user-select:none;text-size-adjust:none}.live-tab-content .chat_area ul{list-style:none;padding:3.5% 3.5% 2% 3.5%;margin:0;text-align:left}.live-tab-content .chat_area li{color:#151515;margin-bottom:7px;font-size:14px;line-height:17px}.live-tab-content .chat_area li .nick{color:#5896e9;margin-right:4px}.live-tab-content .chat_area li.normal img{width:27px;height:24px;vertical-align:middle}.live-tab-content .chat_area li.prop{color:#7a7a7a}.live-tab-content .chat_area li.prop .comb{margin-left:10px}.live-tab-content .chat_area li.prop img{display:inline-block;vertical-align:middle;width:32px;height:32px;margin-top:-7px}.live-tab-content .chat_area .huya_download{display:none;position:absolute;right:10px;width:107.5px;height:34.5px;bottom:50px;background-image:url(/h5/mobile/@public-online/imgs/room/huya_download_btn.46887cd44ce55480b7218864ad8227be.png);background-size:100% 100%}.live-tab-item{position:absolute;left:0;top:0;width:100%}.live-tab-item.match-iframe-wrap{display:block;opacity:0}.live-tab-item.match-iframe-wrap.match-iframe-wrap-show{opacity:1}.live-info{padding:13px 13px 11px 0;padding-right:0px;border-bottom:1px solid #ddd;position:relative;*zoom:1}.live-info:before,.live-info:after{content:"";display:table;line-height:0}.live-info:after{clear:both}.live-info-img{width:60px;height:60px;border-radius:50%;overflow:hidden;float:left;position:relative;margin-left:13px}.live-info-img .pic-clip{position:absolute;width:60px;left:0;top:0;height:100%;text-align:center}.live-info-img img{height:60px}.live-info-desc{width:54%;float:left;margin-left:3%;color:#999;font-size:13px}.live-info-desc h1{color:#333;font-size:15px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.live-info-desc h2{color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;margin-bottom:8px;margin-top:6px}.live-info-desc .live-info-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.live-info-desc .live-info-txt .title{color:#ff9000}.live-info-desc .live-info-txt span{margin-right:10px}.live-info-desc .live-info-txt .ico-crowd{display:inline-block;width:10.5px;height:9.5px;background:url(/h5/mobile/@public-online/imgs/room/crowd.8445e8833edd235b5ad462ca9b528ea9.png) no-repeat 50% 50%/contain;margin-right:4px}.live-info-desc .live-info-txt em{vertical-align:middle;font-size:13px}.live_info_split{width:1px;height:50px;float:left;margin-left:10px;margin-right:5px;background-image:url(/h5/mobile/@public-online/imgs/room/info_split.6190ef3e3905a722978f66a957ed4ce8.png)}.anchor_notice{font-size:14px}.anchor_notice p{border-left:2px solid #f60;color:#333;margin:13px 0 5px 0;padding-left:11px}.anchor_notice .notice_content{padding:0 13px;color:#666;line-height:20px;overflow:hidden;margin-bottom:5px}.anchor_notice .notice_content.notice_hidden{max-height:40px}.anchor_notice .notice_content.show_all{max-height:none;overflow:visible}.anchor_notice .show_notice_btn_bar{text-align:center;display:none}.anchor_notice .show_notice_btn_bar .show_notice_btn{color:#bababa;font-size:14px;display:inline-block;background-image:url(/h5/mobile/@public-online/imgs/room/new_live_open_ico.61e63bc8011968349468c43bad2b5afe.png);background-repeat:no-repeat;background-position:right 4px;padding-right:16px;background-size:14.5px 8px}.anchor_notice .show_notice_btn_bar .show_notice_btn.close{background-image:url(/h5/mobile/@public-online/imgs/room/new_live_close_ico.79347d4a1377202654e3695e589fb321.png)}
#template{position:absolute;top:80%;width:100%;height:80px;z-index:10;overflow-x:hidden;pointer-events:none}.card-tips{position:absolute;transform:translateX(100%);width:100%;height:100%;display:flex;padding:0 12px;box-sizing:border-box;pointer-events:auto}.card-tips.z-start{transform:translateX(0%);animation:cardAnimation 8s linear forwards}.card-tips .c-card{width:100%;display:flex;border-radius:6px;padding:0 18px;box-sizing:border-box;align-items:center;justify-content:space-between}.card-tips .c-card .c-icon{width:60px;height:60px;margin-right:18px}.card-tips .c-card.c-type-drop{width:250px;height:70px;padding:0 10px}.card-tips .c-card.c-type-drop h3{color:#e6bc92;font-size:14px}.card-tips .c-card.c-type-drop p{color:#dcdfff;font-size:11px}.card-tips .c-card.c-type-drop .c-txt{margin-left:60px}.card-tips .c-card.c-type-drop .c-btn{width:50px;height:22px;line-height:22px}.card-tips .c-card.c-type-tv{background:#fff2f2 url(/h5/mobile/@public-online/imgs/room/icon-tv-bg.d5b836561e0883ffab006838fa1b9f2e.png) no-repeat;background-size:80px 100%;background-position:right bottom}.card-tips .c-card.c-type-tv .c-icon{background:url(/h5/mobile/@public-online/imgs/room/icon-tv.43ab0c0ef658ddfa4ebfb67197be19aa.png) no-repeat;background-size:100% 100%}.card-tips .c-card.c-type-tv .c-btn{background:#ff7279}.card-tips .c-card.c-type-screen{background:#eceffe url(/h5/mobile/@public-online/imgs/room/icon-screen-bg.5970c9a89ee98f6d5ce431b4f916a51b.png) no-repeat;background-size:80px 100%;background-position:right bottom}.card-tips .c-card.c-type-screen .c-icon{background:url(/h5/mobile/@public-online/imgs/room/icon-screen.7c0f63bf5e50d74e5168b4c17020d5f9.png) no-repeat;background-size:100% 100%}.card-tips .c-card.c-type-screen .c-btn{background:#637ffc}.card-tips .c-card.c-type-box{background:#fff1e3 url(/h5/mobile/@public-online/imgs/room/icon-box-bg.dad882981b58a01e4ed898c26f8b3851.png) no-repeat;background-size:80px 100%;background-position:right bottom}.card-tips .c-card.c-type-box .c-icon{background:url(/h5/mobile/@public-online/imgs/room/icon-box.fc436936ba15203cf31cb913c1d8eb2b.png) no-repeat;background-size:100% 100%}.card-tips .c-card.c-type-box .c-btn{background:#ffc139}.card-tips .c-left{display:flex}.card-tips .c-btn{width:65px;height:30px;border-radius:110px;font-size:13px;color:#fff;text-align:center;line-height:30px;animation:btnAnimation .8s linear infinite}.card-tips .c-txt{display:flex;flex-direction:column;justify-content:center}.card-tips .c-txt h3{font-size:15px;margin-bottom:2px;color:#222}.card-tips .c-txt p{font-size:13px;color:#666}@keyframes btnAnimation{0%{transform:scale(0.8)}50%{transform:scale(1)}100%{transform:scale(0.8)}}@keyframes cardAnimation{0%{transform:translate(100%);opacity:0}5%{transform:translate(0%);opacity:1}95%{transform:translate(0%);opacity:1}100%{transform:translate(-100%);opacity:0}}
.g-dialog{position:fixed;z-index:1000;width:100%;height:100%;top:0;background:rgba(0,0,0,.3)}.g-dialog .m-dialog-content{position:absolute;top:50%;left:50%;max-width:300px;max-height:420px;transform:translate(-50%, -50%)}.g-dialog img{position:relative;max-width:300px;max-height:420px}.g-dialog .c-close{background:url(/h5/mobile/@public-online/imgs/room/close.2e303b63fc441ac47a49b158332ae0b1.png) no-repeat 0 0/contain;width:30px;height:30px;position:absolute;left:50%;transform:translate(-50%, 0%);bottom:-50px}@keyframes scaleAnimation{0%{transform:scale(0)}100%{transform:scale(1)}}
.pop-download{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3}.pop-download .pop-wrap{position:absolute;z-index:1;width:300px;height:220px;left:50%;top:50%;transform:translate(-50%, -50%)}.pop-download .pop-wrap .pop-content{height:100%;color:#000;border-radius:6px;background:#fff;background-size:100%;overflow:hidden;text-align:center}.pop-download .pop-wrap .pop-content .desc{font-size:16px;margin-top:35px;font-weight:bold;line-height:22px}.pop-download .pop-wrap .pop-content .open-app,.pop-download .pop-wrap .pop-content .cancel{display:block;width:82%;font-size:13px;line-height:36px;border-radius:18px}.pop-download .pop-wrap .pop-content .open-app{color:#fff;margin:17px auto 0;background:#ffa200}.pop-download .pop-wrap .pop-content .cancel{margin:16px auto 0;color:#666;border:1px solid #ddd}.pop-download .pop-widget-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}@media screen and (max-width: 320px){.pop-download .pop-wrap{width:300px}}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:"";display:table;line-height:0}.clearfix:after{clear:both}body,p,dl,dt,dd,ol,ul,li,input,h1,h2,h3,h4,h5,h6{margin:0;padding:0}html{text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Helvetica,"Droid Sans",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}i,em{font-style:normal}b,strong{font-weight:normal}ol,ul{list-style:none}img{border:none}input{border:none;font-size:100%}button,input,select,textarea{font-family:inherit;font-size:100%}a,input,button{outline:0}a{text-decoration:none}a:focus,a:active{outline:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}body{color:#333}body.dialogShow{position:fixed;overflow:hidden}a{cursor:pointer}.wrapper{min-height:100%;position:relative}.m-container{padding-bottom:50px}.u-btn-down{cursor:pointer}.intrduce_line{font-size:12px;color:#555;padding:5px 0 5px 18px}.intrduce_line span{color:#f60}